<template>
  <div class="foot">
    This is the footer
    <MyButton></MyButton>
  </div>
</template>

<script>
import MyButton from './MyButton.vue'
export default {
  components: { MyButton },

}
</script>

<style>
.foot {
  width: auto;
  height: 100px;
  background-color: #4980c1;
  color: #fff;
 margin-left: 2px;
 margin-right: 2px;
 text-align: center;
}

</style>